<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge"> 
    <meta name="viewport" content="width=device-width, initial-scale=1.0"> 
    <title>Document</title> 
</head> 
<body> 
    <div id="container"></div> 
</body> 
<script type="text/javascript" 
    src="https://api.map.baidu.com/api?v=1.0&&type=webgl&ak=ZVKjMtNTL0tOh3vqjgMVhr02rwQNzyaL"></script>
<script>  
    //使用Map类实例化 
    const map = new BMapGL.Map('container') 
    //指定地图中心点，通常是一个经纬度
    const point = new BMapGL.Point(121.671125, 31.144737) 
    //生成百度地图
    map.centerAndZoom(point, 1) 
    //设置允许滚轮缩放
    map.enableScrollWheelZoom() 
    //卫星图,BMAP_EARTH_MAP|BMAP_NORMAL_MAP
    map.setMapType(BMAP_EARTH_MAP) 
</script> 
</html> 
<style> 
    html { 
        height: 100% 
    } 
    body { 
        height: 100%; 
        margin: 0px; 
        padding: 0px; 
    }
    #container {
        height: 100%
    }
</style>